<!-- 注册结束以后的提示页面 -->
<template>
  <div class="context_box">
    <div class="regE_box" v-if="showType==1">
      <div class="regE_box_icon cenFlex">
        <van-icon name="checked" size="100" color="#3AD2CE"/>
      </div>
      <div class="regE_box_title cenFlex">申请提交成功</div>
      <div class="regE_box_subtitle">工作人员会在1~3个工作日进行审核，审核结果将会以短信方式发送到您的手机号码中，请耐心等待~</div>
    </div>
    <div class="regE_box" v-if="showType==2">
      <div class="regE_box_icon cenFlex">
        <van-icon name="info" size="100" color="#0095FF"/>
      </div>
      <div class="regE_box_title cenFlex">请登录</div>
      <div class="regE_box_subtitle">您已拥有纳思校园大使账号，请使用手机及验证码登录！</div>
    </div>
    <div class="regE_box" v-if="showType==3">
      <div class="regE_box_icon cenFlex">
        <van-icon name="checked" size="100" color="#3AD2CE"/>
      </div>
      <div class="regE_box_title cenFlex">进度更新成功</div>
      <div class="regE_box_subtitle">工作人员会在<span class="nicered">1~3个工作日</span>内进行审核，审核通过后将会发放<span class="nicered">积分</span>到您的<span class="nicered">个人账户</span>中</div>
    </div>
    <div class="regE_box" v-if="showType==4">
      <div class="regE_box_icon cenFlex">
        <van-icon name="checked" size="100" color="#3AD2CE"/>
      </div>
      <div class="regE_box_title cenFlex">任务申请成功</div>
      <div class="regE_box_subtitle">工作人员会在<span class="nicered">1~3个工作日</span>内进行审核，通过审核后会将以短信的形式进行告知，届时请至<span class="nicered">“任务管理”</span>中的<span class="nicered">进行中任务</span>查看，请耐心等待~</div>
    </div>
    <div class="regE_box" v-if="showType==5">
      <div class="regE_box_icon cenFlex">
        <van-icon name="checked" size="100" color="#3AD2CE"/>
      </div>
      <div class="regE_box_title cenFlex">完成认证已提交</div>
      <div class="regE_box_subtitle">工作人员会在<span class="nicered">1~3个工作日</span>内进行审核，审核通过后将会发放<span class="nicered">积分</span>到您的<span class="nicered">个人账户</span>中</div>
    </div>
  </div>
</template>

<script>
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
        showType:this.$route.query.type || 2,
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {
    '$route.query.type'(){
      this.showType = this.$route.query.type
    },
  },
  //方法集合
  methods: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.showType = this.$route.query.type || '';
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='scss' scoped>
.regE_box {
  width: 270px;
  margin: 150px auto;
  .regE_box_icon {
    margin-bottom: 10px;
  }
  .regE_box_title{
      font-size: 24px;
      margin-bottom:20px
  }
  .regE_box_subtitle{
      text-align: center;
      line-height: 1.5;
  }
  .nicered{
    color: $nicered;
  }
}
</style>
